<template>
  <div class="app-container">
    <el-row>
      <el-col :span="12">
        <el-row style="background-color: #fdfdfd;">
          <el-col :span="24" class="comments-col">
            <h1>
              5
              <!--<span v-if="stars.brandStar % 1 === 0">.0</span>-->
            </h1>
            <el-rate
              v-model="3.5"
              disabled>
            </el-rate>
          </el-col>
          <el-col :span="8" class="comments-col">
            <div class="first-div">
              <h1>3
                <!--<span v-if="stars.tasteStars % 1 === 0">.0</span>-->
              </h1>
              <h2>口味评分</h2>
            </div>
          </el-col>
          <el-col :span="8" class="comments-col">
            <div>
              <h1>4
                <!--<span v-if="stars.packageStar % 1 === 0">.0</span>-->
              </h1>
              <h2>包装评分</h2>
            </div>
          </el-col>
          <el-col :span="8" class="comments-col">
            <div>
              <h1>5
                <!--<span v-if="stars.postalStar % 1 === 0">.0</span>-->
              </h1>
              <h2>配送评分</h2>
            </div>
          </el-col>
        </el-row>
      </el-col>
      <el-col :span="12">
        <el-row :gutter="20">
          <el-col :span="24">
            <el-container>
              <el-main class="comments-main">
                <div>
                  <div>
                    <h2>良好</h2>
                    <p>口碑评价</p>
                  </div>
                </div>
                <h3>口碑潜力股！</h3>
                <h4>商家评分已超过60%同行，关注评价建议可进行提升口碑哦！</h4>
              </el-main>
            </el-container>
            <div class="img-box">
              <img src="../../../assets/img/biaoshi.png" alt="">
            </div>
          </el-col>
        </el-row>
      </el-col>
    </el-row>

    <el-row>
      <el-col :span="24">
        <el-container>
          <!--<el-header>-->
            <!--评价口碑-->
          <!--</el-header>-->
          <!--<el-main>-->
            <!--<div>-->
              <!--<div>-->
                <!--<h2>良好</h2>-->
                <!--<p>口碑评价</p>-->
              <!--</div>-->
            <!--</div>-->
            <!--<h3>口碑潜力股！</h3>-->
            <!--<h4>商家评分已超过60%同行，关注评价建议可进行提升口碑哦！</h4>-->
          <!--</el-main>-->
          <!--<div class="comments-main-content">-->

          <!--</div>-->
        </el-container>
        <el-container>
          <el-header>
            中差评统计
          </el-header>
          <el-main style="min-height: 220px">

          </el-main>
        </el-container>
      </el-col>
    </el-row>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        value5: 4.5
      }
    },
    methods: {
      getInfo() {
      }
    },
    mounted() {
      this.$route.params.id = parseInt(this.$route.params.id)
      if (this.$route.params.id !== 0) {
        console.log(123)
        this.projectId = this.$route.params.id
        this.getInfo(this.$route.params.id)
      }
    }
  }
</script>

<style src="./detail.scss" lang="scss" scoped></style>
